﻿@charset "utf-8";
body { font-family: Tahoma, Helvetica, Arial, Verdana, Sans Serif, "Microsoft YaHei" !important; font-size: 12px; background: #000; color: #787878; background: #fff url(../images/bg.jpg) left top repeat; }
html,body {margin:0;padding:0;}
#wrapper{width:970px; margin:0 auto;}

#content{ text-align:center;}
#content img{ margin-bottom:20px;}

/* header */
#header{ height:135px;}

/* localization */
ul.localization { padding: 10px 0; }
ul.localization li { float: right;  display: block; width: 70px; height: 30px; line-height: 30px; text-align: center; }
ul.localization li.enable { background: #fff url(../images/local_enable_bg.jpg) left top no-repeat; }
ul.localization li.enable a { color: #fff; }

/* banner & nav & search*/
.banner { height: 85px; background:url(../images/logo.jpg) center left no-repeat; position: relative;}
ul.nav{ width: 471px;height: 26px; background:url(../images/nav_bg.jpg) top left no-repeat; padding: 3px 5px; float: left; position: absolute; left: 214px; top: 26px;}
ul.nav li{ float:left;display:block;height: 26px; line-height: 26px;margin: 0 8px;}
ul.nav li a{ display:block;color:#fff;}
ul.nav li.current{ float:left;background:url(../images/nav_right.jpg) no-repeat right top;}
ul.nav li.current a{ float:left;display:block;background:url(../images/nav_left.jpg) no-repeat left  top; padding: 0 15px;}
a.how_to_buy {display:block;width: 85px;height: 32px; line-height: 32px; text-align: center; background:url(../images/how_to_buy.jpg) no-repeat left  top; float: left; color: #fff;position: absolute; left: 695px; top: 26px;}
.search { width: 174px; height: 32px;background:url(../images/search_bg.jpg) no-repeat left top; float:left; position: absolute; left: 790px; top: 26px;}
.search input{ background: transparent; width: 120px; margin: 4px 0 0 6px; color: #fff;float: left;}
.search a{ display:block; width: 28px;height: 28px;margin: 0 0 0 7px;  float: left;}

/* categories */
.categories { height: 140px;background:url(../images/categories_bg.jpg) repeat-x left top; overflow: hidden; position: relative;}
.categories ul li { width: 190px;text-align: center; float: left; }
.categories ul li a { color: #b3b3b3; }
.categories ul li a:hover { text-decoration: underline; }
.categories ul li.column { float: left;width: 190px;height: 140px;display: block;}
.categories ul li.column div {height: 30px;line-height: 30px;margin: 10px 0; }
.categories a.categories_prev{ width: 16px;height: 140px; background:url(../images/categories_prev.jpg) no-repeat left top; position: absolute;top: 0;z-index: 999;} 
.categories a.categories_next{ width: 16px;height: 140px; background:url(../images/categories_next.jpg) no-repeat left top; position: absolute;top: 0; right: 0;z-index: 999;} 
.categories a.categories_collapse{ width: 70px;height: 12px; background:url(../images/categories_collapse.jpg) no-repeat left top; position: absolute;bottom: 4px;left: 450px; z-index: 999;} 

/* gallery */
.gallery { height: 322px; overflow: hidden;  background: #202020;margin-top: 5px;}

/* newproducts */
.newproducts { height: 188px;background: #202020;margin-top: 5px;background:url(../images/newproducts_bg.jpg) no-repeat left top; position: relative;overflow: hidden;}
.newproduct { width: 429px; height: 64px;float: left; padding:15px 20px; }
.newproduct a { display: block;width: 57px; height: 57px; padding: 2px; border: 1px solid #202020; float: left; }
.newproduct .info { float: left; width: 350px;margin-left: 15px;}
a.newproduct_up { width: 30px; height: 94px;background:url(../images/newproduct_up.jpg) no-repeat left top; position: absolute;top: 0; right: 0;}
a.newproduct_down { width: 30px; height: 94px;background:url(../images/newproduct_down.jpg) no-repeat left top; position: absolute;top: 94px; right: 0;}

/* types */
.types { background: #0f0f0f; height: 30px; line-height: 30px; padding: 0 30px;margin-top: 5px; overflow: hidden; }
.types:hover { background: #171717;cursor: pointer; }
.types ul li { float: left; margin: 0 10px; }

/* productlist */
h1.title { font-size: 24px; font-weight: normal; color: #dcf35e; height: 30px; clear: both;}
h1.title *{ margin-left: 10px; }
h1.title span{ margin-left: 0; float: left; }
.productlist { float: left; width: 708px; background: #0f0f0f; }
.product { width: 176px; height: 245px; border-right: 1px solid #3b3b3b;border-bottom: 1px solid #3b3b3b; float: left; position: relative;}
.product.last { width: 177px; height: 245px; border-right: 0; }
.product .pic { height: 175px; padding: 1px 0; border-bottom: 1px solid #3b3b3b; text-align: center; }
.product .pic .status { position: absolute; top: 1px; right: 1px; }
.product .info { padding: 0 10px; }
.product .info p{ margin:10px auto; }
p.price { color: #ffb400; }

/* rightbar */
.rightbar { float: right; width: 254px;background: #0f0f0f; }
.rightbar_innerblock { border-bottom: 1px solid #3b3b3b; padding: 2px;}
.brands,.weibo { border: 1px solid #3b3b3b; }

/* history */
.history { background: #0f0f0f; }
.history .product { width: 160px; height: 230px;}
.history .product.last { width: 163px; height: 230px; border-right: 0; }
.history .product .pic { height: 159px;}

/* payment */
.payment { background: #0f0f0f; padding: 10px 25px; }
.payment p{ margin: 10px; }

/* links */
.links { margin: 30px 0; text-align: center;}
.links a { margin: 0 5px; display: inline-block; border: 3px solid #3d3d3d;}

/* footer */
.footer { text-align: center; margin-bottom: 100px; }

.block { border: 1px solid #3b3b3b; }


/* float clearing */
* html .clearfix { height: 1%; overflow: visible; }
* + html .clearfix { min-height: 1%; }
.clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; font-size: 0; }

/* misc */
.float_l{ float:left;}
.float_r{ float:right;}
.float_r10{ float:right;padding:15px 10px 10px 10px}
.input_wrapper{background:#eef1f5 url(../images/input_wrapper_bg.jpg) top left repeat-x;}
input{ background:#eef1f5 url(../images/input_bg.jpg) top left repeat-y; border:0; color:#333; font-family: "Microsoft YaHei" ! important; padding: 0 5px;height:25px;}
textarea{ background:#eef1f5 url(../images/input_bg.jpg) top left repeat-y; border:0; color:#333; font-family: "Microsoft YaHei" ! important; padding: 0 5px;}
input.rbtn{width:auto;border:0;}
input.chk{background: none; padding: 0;}
ul, li { list-style-type:none; text-decoration:none; margin:0; padding:0;}
a{ text-decoration:none; color: #787878; cursor: pointer;}
a:hover{ text-decoration:underline;}
a.btn{ display: block; text-align: center;}
.tl{ text-align:left;}
.tc{ text-align:center;}
.tr{ text-align:right;}
span.date{color:#c0c0c0;}
span.author{color:#035795;}
.ads{ margin:10px 0;}
.clear{ clear:both;}
.margin5_tb{ margin-top:5px; margin-bottom:5px;}
.margin5_lr{ margin-left:5px; margin-right:5px;}
.margin10_tb{ margin-top:10px; margin-bottom:10px;}
.margin0{ margin:0;}
.margin0_r{ margin-right:0;}
.f14{ font-size:14px;}
.quick_links{margin:10px 0;}
.padding5{ padding:5px;}
.padding20{ padding:20px;}
.border_color_cbcbcb{ border-color:#cbcbcb;}
.background_ffffff{ background:#fff;}
.width_auto{ width:100px;}
.dot{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:100%;}
.hide{ display:none;}